html {font-size:10px;background: #FBFBFB;}
@media screen and (min-width:480px) and (max-width:639px) {
    html.rem {
        font-size: 15px
    }
}
@media screen and (min-width:640px) and (max-width:719px) {
    html.rem {
        font-size: 20px
    }
}
@media screen and (min-width:720px) and (max-width:749px) {
    html.rem {
        font-size: 22.5px
    }
}
@media screen and (min-width:750px) and (max-width:799px) {
    html.rem {
        font-size: 23.5px
    }
}
@media screen and (min-width:800px) and (max-width:959px) {
    html.rem {
        font-size: 25px
    }
}
@media screen and (min-width:960px) and (max-width:1079px) {
    html.rem {
        font-size: 30px
    }
}
@media screen and (min-width:1080px) {
    html.rem {
        font-size: 32px
    }
}

@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_1436854882_4201267.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/font_1436854882_4201267.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_1436854882_4201267.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/font_1436854882_4201267.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_1436854882_4201267.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.i-icon {font-family: 'iconfont';font-size:1.6rem;font-style:normal;}

html.bg {background: #ECECEC;}
.auto img {width: 100%;}
.autobg {-webkit-background-size: 100%;background-size: 100%;background-repeat: no-repeat;}

.f-base {color:#00B9EF;}
.bg-base {background: #00B9EF;}
.f-lt {color:#999;}

.float .item {display: block;float: left;position: relative;}
.float.c2 .item {width: 50%;}
.float.c3 .item {width: 33.33%;}
.float.c4 .item {width: 25%;}
.float.c5 .item {width: 20%;}

.clr{*zoom:1}
.clr:before,.clr:after{display:table;line-height:0;content:""}
.clr:after{clear:both}

.fll {float: left;}
.flr {float: right;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}

.container {padding: 0 2rem;}

.hide {display: none !important;}

.shadow {position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: .5;z-index: 100;}

.input,.btn {display: inline-block;padding: 1rem 1.5rem;font-size: 1.6rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:0;border-radius: .35rem;}
.btn {background: #00B9EF;color:#fff;text-align: center;}
.btn:visited {color:#fff;}
a h5 {color:#333;}
a:visited {color:#333;}
a:hover {color:#333;}
.input {background: #FBFBFB;}
.input.input-bd {border: 1px solid #ccc;}
.input.input-md,.btn.btn-md {padding: 1.2rem 1.5rem;font-size: 1.6rem;}
.input.input-lg,.btn.btn-lg {padding: 1.5rem 1.5rem;font-size: 1.8rem;}
.input.input-db,.btn.btn-db {width: 100%;display: block;}
.input.radius,.btn.radius {border-radius: 99rem;}

.animated.bounceIn{
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.header {position: relative;}
.header .logo {width: 14rem;position: absolute;right:2rem;bottom:1.5rem;}
.header .logo.logo-mini {width: 8rem;position: absolute;top:2rem;}
.header .login-info {position: absolute;right:.5rem;bottom:.5rem;color:#fff;font-size: 1.3rem;}
.header .login-info p {margin: .5rem 0;}
.header h4 {padding:1rem 1rem 0 1rem;color:#151515;font-size: 2rem;}

.bind dl {padding-top: .5rem;}
.bind dl dd {border-bottom: 1px solid #DCDCDC;}
.bind dl dd .wp {margin-left: 5rem;}
.bind dl dd label {display: inline-block;float: left;margin: 1rem 0 0 -4rem;}
.bind dl dd label .i-icon {font-size: 2.6rem;font-weight: 700;}
.bind .f-lt {display: inline-block;margin: 1rem 0;}
.bind .btn {margin: 2rem 0;}

.pay {font-size: 1.6rem;margin-top: 2rem;}
.pay em {color:#ffa200;}
.pay label {display: inline-block;margin: 1.2rem 0 .2rem 0;}
.pay .pay-btn {margin:0 0 2rem -3%}
.pay .pay-btn .btn{display: block;float: left;width: 22%;margin:1rem 0 1rem 3%;padding: .7rem 0 .6rem 0;background: #fff;border: 1px solid #dedede;color:#333;}
.pay .pay-btn .btn.cur {background: #00B9EF;color:#fff;border-color:#00B9EF;}

.store-list {padding-bottom: 5rem;}
.store-list dd{padding: .8rem 1rem;background: #fff;margin-top: 1rem;}
.store-list .photo img{width: 5.8rem;width: 5.8rem;}
.store-list .info {font-size: 1.4rem;}
.store-list .info h5 {font-size: 1.6rem;margin: -.4rem 0 .5rem 0;}
.store-list .info p {padding-top: .3rem;}
.store-list .info .i-icon {color:#ff4e00;margin-left: .3rem;font-size: 2.4rem;font-weight: 500;display: inline-block;}
.store-list .info .flr {margin-top: .1rem;}
a:visited {color:#333;}

#map {width: 100%;}

.store-info {padding: 1rem;font-size: 1.4rem;}
.store-info .i-icon {color:#ff4e00;font-size: 3.2rem;}
.store-info .local .i-icon {color:#999;}
.store-info .local .i-icon.cur {color:#ff4e00;}
.store-info .photo img {width: 7rem;height: 7rem;}
.store-info .info {margin-left: 8rem;}
.store-info .info .contact {border-bottom: 1px solid #ccc;padding-bottom: .3rem;margin-bottom: .5rem;}
.store-info .info h4 {font-size: 1.8rem;margin-bottom: .5rem;}
.store-info .info .phone {padding:.3rem 1rem;margin-left: 1rem;border-left: 1px solid #ccc;}
.store-info .info .local .i-icon {padding:0 1rem;}
.store-info .info .local .i-icon.walk {border-right:1px solid #ccc;padding: 0 .8rem;}

#search {margin-top: 1rem;}
.load {padding-top: 1rem;}